/**
 * CSS 变量
 *
 * @author 济南晨霜信息技术有限公司
 * @mobile 18560000860 / 18754137913
 */
page {
    // 主题
    --hi-theme-main: #1678ff;
    --hi-theme-primary: #409eff; // 主要
    --hi-theme-success: #67c23a; // 成功
    --hi-theme-warning: #e6a23c; // 警告
    --hi-theme-error: #f56c6c; // 错误
    --hi-theme-info: #909399; // 信息

    // 背景
    --hi-background-default: #e8e8e8;
    --hi-background-element: #ffffff;
    --hi-background-overlay: rgba(0, 0, 0, 0.5); // 遮罩

    /* 文本颜色 */
    --hi-color-main: #333333; // 主文本色
    --hi-color-main-reverse: #ffffff; // 主文本色 - 反转色
    --hi-color-middle: #666666; // 中间文本色
    --hi-color-light: #999999; // 浅色文本
    --hi-color-placeholder: #c4c4c4; // 占位文本

    /* 透明度 */
    --hi-opacity-hover: 0.8; // 点击状态时元素的透明度，使用透明度实现元素点击态效果
    --hi-opacity-disabled: 0.5; // 禁用状态时元素的透明度，使用透明度实现元素禁用态效果

    // 圆角
    --hi-radius-big: 20rpx; // 大圆角
    --hi-radius-default: 10rpx; // 默认圆角
    --hi-radius-small: 5rpx; // 小圆角

    // 边框
    --hi-border-color: #f1f1f1; // 默认边框色
    --hi-border-color-deep: #adadad; // 默认边框色

    // 层级
    --hi-index-default: 698; // 默认层级，比如状态栏、导航栏、底部导航栏等
    --hi-index-upper: 998; // 高层级，比如遮罩、弹窗等，因为 uni-app 的层级为 999，所以这里设置小 1 可以让 hi-ui 的遮罩等元素不遮挡 uni-app 的弹出元素
    --hi-index-lower: 398; // 底层级
}
